<template>
  <div class="extendsTest">
    <h1>vue extends 测试</h1>
    <h2>下面这个是数字输入框继承重构</h2>
    <el-input-number v-model="numberVal"/>
    <h2>下面这个是测试dialog 最小化, 最大化, 拖拽 继承重构</h2>

    <el-button type="primary" @click="visible = true">显示弹窗</el-button>
    <el-dialog :visible.sync="visible" title="test dialog" :fullscreenAble="true" :minimizeAble="true" width="50%">
      <div style="height: 500px; line-height: 500px">
        test
      </div>

      <template slot="footer">
        <el-button type="primary" @click="visible = false"></el-button>
      </template>
    </el-dialog>
  </div>
</template>

<script>

export default {
  name: 'extendsTest',
  data() {
    return {
      numberVal: null,
      visible: true
    }
  },
  created() {
  },
  methods: {}
}
</script>

<style lang="less" scoped>
.extendsTest {

}
</style>
